<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page errorPage="JSP_Error.jsp"%>

<!doctype html>
<head>
<title>::GMAR::</title>


<!-- <web:resource type="custom-javascript" name="jquery-1.9.0.js"/>
<web:resource type="custom-javascript" name="jquery.js"/> 
<web:resource type="custom-javascript" name="jquery.maskedinput.js"/>
<web:resource type="custom-javascript" name="jquery.mockjax.js"/>
<web:resource type="custom-javascript" name="jquery.validate.js"/>
<web:resource type="custom-javascript" name="validate.js"/>
<web:resource type="custom-style" name="edituserprofile.css"/> -->
</head>
<body>
	<div>
	    <img src="../plugins/GMAR/style/images/Amex.png"></img>
	    <label style="font-size: 30px; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif; color: #232121; font-style: normal; font-weight: lighter;">American Express
	    </label>
	  <hr>
	</div>
	<!-- error message -->
	<div style="display:none;" class="error">
      <img width="24" height="24" style="float:left; margin: -5px 10px 0px 0px; " alt="Warning!" src="images/warning.gif">
      <span></span>.<br clear="all">
    </div>
	<div class="userProfile" style="text-align:center;">
		<span>User Profile</span>
	</div>
<!-- ============================================================================ -->

<form method="get" action="" type="actionForm" id="profileForm" novalidate="novalidate">
<div style="border:1px solid red; display:inline-block;width:48%;float:left;padding:10px 0px 0px 10px;">
	
	<div class="formContent">
		<div>
		  	<span>MicroStrategy Access Type *:</span><input type="text" name="textfield" id="textfield" disabled>
		</div>
		<div>
			<span>MicroStrategy Product Select *</span>
			
		     <select style="height:80px" id="select" name="srcList"   multiple>
		            <option   value="1" ondblclick="javascript:addSrcToDestList()">Dashboard</Option>
			 		<option   value="2" ondblclick="javascript:addSrcToDestList()">MARC</Option>
					<option   value="3" ondblclick="javascript:addSrcToDestList()">ICARD</Option>  
		    </select>
		     <div style="display:inline-block;">
		    <input type="button" name="button" id="button" value=">>"  onclick="javascript:addSrcToDestList()"></input><br><br>
		    <input style="margin-top:15px;" type="button" name="button2" id="button2"  onclick="javascript:deleteFromDestList()" value="<<"></input>
		    </div>
		    <select style="height:80px; width:100px;"id="select2" name="destList"  multiple></select>
		    
		</div>
		
		<div>
			<span>Amex Web ID *:</span><input type="text" name="textfield3" id="textfield3" disabled></input>
		</div>
		
		<div>
			<span>First Name *:</span><input type="text" name="textfield4" id="textfield4" disabled></input>
		</div>
		<div>
			<span>Middle Initial:</span><input type="text" name="textfield5" id="textfield5" disabled></input>
		</div>
		<div>
			<span>Last Name:</span><input type="text" name="textfield2" id="textfield2" disabled></input>
		</div>
		<div>
			<span>Employee/Contractor ID:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="departmentId" id="departmentId"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Department ID *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="departmentId" id="departmentId"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Department Description *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="departmentDesc" id="departmentDesc"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Business Unit Code *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="textfield8" id="textfield8"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Business Unit Description *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="textfield9" id="textfield9"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>AMEX Unit Code *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="textfield10" id="textfield10"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>AMEX Unit Description *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="textfield11" id="textfield11"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		
		<div>
			<span>Cost Center *:</span>
			<input type="text" name="textfield13" id="textfield13" disabled></input>
		</div>
		
		<div>
			<span>Phone # *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" value="" name="phone" id="phone" maxlength="14"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Email Address*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" id="email" name="email" id="email"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Manager First Name *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="firstname" id="firstname"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Manager Middle Initial:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="mIn" id="mIn"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Manager Last Name*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="lastname" id="lastname"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Manager Email Address*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="memail" id="memail"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>VP Name*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="VPName" id="VPName"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Reason For Access*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="reason" id="reason"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>MCS User:</span>
			<div class="field" style="display:inline-block;">
				<input type="checkbox" name="checkbox" id="checkbox" />
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Access Status:</span>
			<input type="text" name="status" id="status" disabled></input>
		</div>
		<div>
			<span>Access Status Date:</span>
			<input type="text" name="statusDate" id="statusDate" disabled></input>
		</div>
		<div>
			<span>Manager Approval:</span>
			<div class="field" style="display:inline-block;">
				<select>
					<option>1</option>
					<option>2</option>
				</select>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div><br>
	</div>
</div>


<div style="border:1px solid red; display:inline-block;height:500px;width:48%;margin:0px 0px 0px 20px;padding-left:10px;">
	<div class="formContent">
		<div  class="inputGroup">
			<span style="float:left;">Functional Group/Role</span>
			<div class="funcGroup">
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>InternationalCLM/MA<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>International MA & B2B<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>International SS&D<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>MSA GCG Team Member<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>MSA Team Coordinator<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>Regional and Local Support<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>US Team Coordinator<br>
			    <div class="funcGroupLabel">* FINANCE</div>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>Finance<br>
			    <div class="funcGroupLabel">* COMMON REPORTS</div>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>Common reports<br>
			    <div class="funcGroupLabel">* Capabilities</div>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>Capabilities<br>
			</div>
		</div>
		<div>
			<span>CLMHierarchy:</span>Unrestricted User<input type="checkbox" name="checkbox" id="checkbox" disabled></input>
		</div>
		<div>
			<span>CLM ID:</span><input type="text" name="clmID" id="clmID" disabled />
		</div>
		<div>
			<span>LIF Governance:</span>
			Global<input type="radio" name="radio3" value="radio3" disabled />
		  	Region/Country<input type="radio" name="radio3" disabled />
		</div>
		<div class="inputGroup">
			<span style="float:left;">Approved Security Group</span>
			<div class="securityGroup">
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />InternationalCLM/MA<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />International MA & B2B<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />Capabilities User Group<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />General User group<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />Power User group<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />Regional and Local Support<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />Tech User Group<br>
			    <div class="funcGroupLabel">* FINANCE</div>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />Finance<br>
			    <div class="funcGroupLabel">* COMMON REPORTS</div>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />Common reports<br>
			    <div class="funcGroupLabel">*Capabilities</div>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" disabled />Capabilities<br>
			</div>
		</div>
		<div>
			<span>LIF Governance:</span>
			Global<input type="checkbox" name="global" value="global" checked />
		  	Region/Country<input type="checkbox" name="region_country" value="region_country"/>
		</div>
	</div>
</div>	
<div class="buttonSubmit" style="clear:both; text-align:center;">
	<input type="submit" tabindex="14" class="formButton" style="width:140px" name="update" id="update" value="Update Profile"></input>
  	<input type="button" name="cancel" id="cancel" value="Cancel"></input>	
</div>
</form>
<script type="text/javascript" src="plugins/GMAR/javascript/jquery-1.9.0.js"></script>
<script type="text/javascript" src="plugins/GMAR/javascript/jquery.js"></script>
<script type="text/javascript" src="plugins/GMAR/javascript/jquery.maskedinput.js"></script>
<script type="text/javascript" src="plugins/GMAR/javascript/jquery.mockjax.js"></script>
<script type="text/javascript" src="plugins/GMAR/javascript/jquery.validate.js"></script>
<script type="text/javascript" src="plugins/GMAR/javascript/validate.js"></script>
<link rel="stylesheet" href="edituserprofile.css" />
</body>
</html>
